/*中栏分类*/
.between-tree .nav-m{padding:15px 0;}
.between-tree .nav-m ul{display: block;padding:0 20px;}
.between-tree .nav-m ul li{display: block;float:left;line-height: 30px;}
.between-tree .nav-m ul li.nav-head{padding: 0;width:5%;line-height: 30px;font-weight: 400}
.between-tree .nav-m ul li.nav-child{display: block;width:95%;line-height:30px;}
.between-tree .nav-m ul li a{font-size:15px;font-weight:400;cursor: pointer;}
.between-tree .nav-m ul li ul{margin:0;padding:0;}
.between-tree .nav-m ul li ul li{float:left;padding:0;text-align: center}
.between-tree .nav-m ul li ul li a{display: block;margin:0 10px;}
.between-tree .nav-m ul li a:hover{color: #8163FD;}
.between-tree .nav-m ul li ul li a.active b,.between-tree .nav-m ul li a.active{color: #8163FD;font-weight: 600}
/*中栏分类*/

.dialogs-down li{cursor:pointer;display:inline-block;position:relative;color:#666;margin:0 10px 30px 10px;font-size:15px;}
.dialogs-down li::before{background:#ccc;content:'';position:absolute;bottom:-10px;left:0;width:100%;height:2px;border-radius:3px;transition:transform .3s;}
.dialogs-down li.cur{color:#FFB705}
.dialogs-down li.cur::before{background:#FFB705;content:'';position:absolute;bottom:-10px;left:0;width:100%;height:2px;border-radius:3px;transition:transform .3s;}
.dialogs-down a.button{padding:9px 25px;}

/* 属性 */
.format{list-style:none;position:relative;padding-left:20px}
.format:not(:last-of-type):before{height:100%;width:1px;left:3px;background:linear-gradient(-180deg,#ccc 0%,#ccc 98%)}
.format:after,.format:not(:last-of-type):before{content:"";position:absolute;top:calc((1em - -10px) / 2)}
.format:after{left:0;display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;width:7px;height:7px;border:1px solid #ccc;border-radius:50%;background-color:#FFF;-ms-format-negative:0;format-shrink:0}
.format .format_box{padding:0 20px 0 0;height:32px;line-height:32px}
.format .format_tit{float:left;font-style:inherit;letter-spacing:.075em;margin-top:0;display:block;font-weight:normal}
.format .format_tip{font-style:inherit;margin-bottom:0;word-break:break-word;display:block}

.download-title h2{color:#333;font-size:24px;line-height:46px;display: inline-block;position:relative;font-weight:600}
.download-info{padding-right:20px}
.download-info h1 {margin:0 0 10px 0;display: block;font-weight: 600;font-size:24px;color:#333;}
.download-info .post-meta{height:32px}
.download-info .post-meta span{display: inline-block;line-height:32px;}

.download-bnt{display: block;float:left}
.download-bnt a.button{cursor:pointer; padding:9px 20px;line-height: 24px;margin-right:10px}

/* 下载导航*/
.download-nav .tab-head {border-radius:0;font-size:0;-webkit-text-size-adjust:none;width:100%;}
.download-nav .tab .tab-nav{border-radius:50px;padding:0 5px;-webkit-box-shadow: 0px 5px 15px 5px rgba(0, 0, 0, 0.01);
box-shadow: 0px 5px 15px 5px rgba(0, 0, 0, 0.01)}
.download-nav .tab .tab-nav li {display:inline-block;width:auto;text-align:center;cursor:default}
.download-nav .tab .tab-nav li a {color:#666;background:#fff;border-radius:50px; padding:0px 20px;height:36px;line-height:36px;display:block;border:0px solid #8164FC;margin:5px 3px;}
.download-nav .tab .tab-nav li.active a {background:#8164FC;
cursor:default;color:#fff;border-bottom:0px solid #FD3C6B;}
.download-nav .tab .tab-nav li.active{background:none}
.download-nav .tab .tab-nav li.active a:hover {background:#8164FC;color:#FFF}
.download-nav .tab .tab-nav li a:focus {outline:none;background:#F7F4FC;color:#8164FC;}
.download-nav .tab .tab-nav li a:hover {background:#F7F4FC;color:#8164FC;}
.download-nav .tab .tab-body{padding:0;border-radius:0;border-top:0}
.download-nav .more{line-height:46px;}
/* 版式 */
/*左栏分类*/
.leftbar{margin-right:0px}
.rightbar{margin-left:20px}
.leftbar .nav-sub .nav-head{padding: 0 20px;height:50px;line-height:50px;border-bottom: solid 1px #E0E8FE;margin-bottom:10px;}
.leftbar .nav-sub a{margin:0;}
/*.leftbar .nav{padding-bottom:20px;}*/
/*.leftbar .nav span{float:right;margin-top:18px;}*/
.leftbar .nav li{line-height:30px;margin:10px 0}
/*.leftbar .nav li:last-child a:hover{border-radius:0 0 12px 12px;}*/
.leftbar .nav li.active a i{color:#8076E6}
.leftbar .nav li.active a em{color:#8076E6}
.leftbar .nav li a{padding:0 0 0 20px;color:#3E4049;position:relative;border-radius: 0;font-weight: normal;border-bottom:solid 0 #E0E8FE;display:block;}
.leftbar .nav li a i{font-size:18px;}
.leftbar .nav li a .ico{width:24px;width:24px;vertical-align: middle;}
.leftbar .nav li a em{float:right;color:#ccc;margin-right:20px}
.leftbar .nav li a:hover{background:#fff;color:#8076E6;}
.leftbar .nav li a:hover i{color:#8076E6}
.leftbar .nav li a:hover em{color:#8076E6}
/*.leftbar .nav li:last-child a{margin-bottom: 10px} */
.leftbar .nav li.active a{color:#8076E6;}
.leftbar .nav li ul{top:0;padding:10px 20px;border-radius:10px;z-index:6;min-width:auto;}
.leftbar .nav li ul:after{border-right:8px solid #fff;z-index: 3;position: absolute;top:14px;left:8px;display: inline-block;border-top:8px solid transparent;border-bottom: 8px solid transparent;content: '';}
.leftbar .nav li ul li a {line-height:36px;color:#7C7D8D;padding:0;}
.leftbar .nav li a.active,.leftbar .nav li a:hover{color:#8076E6;}
.leftbar .nav li ul li a:hover{border-radius: 0}
/*左栏分类*/

.download-top .subtitle{font-size:18px;font-weight:600;height:28px;line-height:24px}
.download-top h1{display:inline-block;font-weight:600;margin-bottom:10px}
.download-top h1.text-big{font-size:24px;}
.download-top h1.text-large{font-size:42px;}
.download-top h2{font-size:22px;display:block;margin-bottom:10px;}
.download-top p{font-size:22px;display:block;line-height:32px;}
.download-top h3{display: inline-block;margin:0 auto;background:linear-gradient(-90deg,#ff5e3f,#8164FC)}
.download-top a.button{padding:8px 30px;margin-right:10px;line-height:30px;display: inline-block;background: linear-gradient(45deg, #8164FC, #562cf7 22%, #dd34ee 89%, #f5e17d);color:#fff;box-shadow:0 8px 20px 0 rgba(0,0,0,.1)}
.download-top a.button:hover{background: linear-gradient(-135deg, #8164FC, #562cf7 22%, #dd34ee 89%, #f5e17d)}
/* .download-top a.brower {padding:8px 20px;line-height: 30px;display: inline-block;} */

.banshi{position:relative;border:1px solid #F2F0F5;margin-bottom: 10px;top:0;-webkit-transition:all ease .3s;-o-transition:all ease .3s;transition:all ease .3s;}
.banshi .number{position:absolute;right:10px;top:10px;height:30px;line-height:30px;width:30px;border-radius:30px;}
.banshi:hover{top:-3px;-webkit-transition:all ease .3s;-o-transition:all ease .3s;transition:all ease .3s;}

.tab-detail .tab-head {border-bottom:0 solid #E5ECF2;border-radius:0;font-size:0;-webkit-text-size-adjust:none;padding:6px 30px;}
.tab-detail .tab .tab-nav li {display:inline-block;width:auto;margin:0 50px 0 0;padding:0;}
/* .tab-detail .tab .tab-nav li:last-child {margin-right:0px} */
.tab-detail .tab .tab-nav li a {color:#393939;padding:20px 0;border:0;line-height:20px;font-weight:600;border-radius:0;font-size:18px;text-align:center;outline:none}
.tab-detail .tab .tab-nav li a:hover{color:#1f1f1f;}
.tab-detail .tab .tab-nav .active a{position:relative;border-radius:0px;color:#1F1F1F;z-index: 1}
.tab-detail .tab .tab-nav .active :before{position:absolute;width:100%;height:6px;left:0;bottom:10px;background:linear-gradient(-90deg,#ff5e3f,#8164FC);display:block;content:'';z-index: -1;border-radius:6px;}
.tab-detail .tab .tab-nav li a,.tab-detail .tab .tab-nav .active a:focus {outline:none;}
.tab-detail .tab .tab-body {border-radius:0;border-top:solid 0px #ddd;padding:0}

/* 常见问题折叠style2 box-shadow: 0 1px 1px rgba(99,107,151,.25);*/
.collapse {width:100%;margin-bottom:15px;}
.collapse .head {height:30px;line-height:30px;padding:0;cursor:pointer;font-weight:600}
.collapse .head i {margin:10px 0 0 0;}
.collapse .arrow {float:right;width:16px;height:16px;overflow:hidden;background:url(../images/ico_jia.png) no-repeat;display:inline-block;border:0px}
.collapse .icon-jia {background-position:0 0;}
.collapse .icon-jian {background:url(../images/ico_jian.png) no-repeat;}
.collapse .cbody {padding:10px 50px 0 24px;display:block;}
.collapse .cbody ul li{padding:0 0 5px 18px;position:relative;font-size:15px}
.collapse .cbody ul li p{line-height:22px;margin-bottom: 5px}
.collapse .cbody ul li:before{content:'';position:absolute;top:9px;left:1px;background:#878787;width:6px;height:6px;border-radius:50%}
.collapse .cbody a{color:#1F1F1F;text-decoration: underline;}
.collapse .cbody a:hover{text-decoration:none}

.thememockups{
  border: 5px solid #1F1F1F;
  background-color: #949494;
  overflow: hidden;
  position: relative;
  box-shadow: 0 40px 70px -20px #878787;
}

.whyus-ico li{display: inline-block;margin-right:30px}
.whyus-ico li i img{width:32px;height:32px}

/* 版式 end*/
.tabli .owl-nav .owl-prev,.tabli .owl-nav .owl-next{background:#fff;opacity: 0;line-height:46px}
.tabli:hover .owl-nav .owl-prev,.tabli:hover .owl-nav .owl-next {background:#FFF;box-shadow:0 5px 15px rgba(0,0,0,0.1);opacity: 1;color:#8163FD}
.tabli .owl-nav .owl-prev {left:-16px;}
.tabli .owl-nav .owl-next {right:-16px;}

.excerpt-ico-top{position:relative;box-shadow: 0 10px 15px 0 rgba(0, 0, 0, .1)}
.excerpt-ico-top .media.media-x .ico{width:40px;height:40px;}
.excerpt-ico-top .media.media-x .ico img{transition:.3s;-webkit-transition:.3s;}
.excerpt-ico-top .media-body strong{margin:15px 0 10px 0;overflow:hidden;display: block;height:20px;line-height:20px;overflow: hidden;}
.excerpt-ico-top .media-body strong a{display: inline-block;}
.excerpt-ico-top .media-body .describe{height:20px;line-height:20px;overflow: hidden;}
.excerpt-ico-top i{display: inline-block;height:20px;line-height:20px;position:absolute;bottom:48px;right:20px;}

/* 滚动 */
.downalbum .owl-nav .owl-prev,.downalbum .owl-nav .owl-next{background:#fff;opacity: 0;}
.downalbum:hover .owl-nav .owl-prev,.downalbum:hover .owl-nav .owl-next{background:#FFF;box-shadow:0 5px 15px rgba(0,0,0,0.1);opacity: 1;color:#8163FD}
.downalbum .owl-nav .owl-prev{left:-16px;}
.downalbum .owl-nav .owl-next{right:-16px;}
.downalbum.owl-carousel .owl-dots .owl-dot.active span {background-color:#FFB705;}

/* 滚动 end*/

@media screen and (max-width:1300px) {
.between-tree .nav-m ul li.nav-head{width:6%;}
.between-tree .nav-m ul li.nav-child{width:94%;}
}
@media screen and (max-width:768px){
/*中栏分类*/
.between-tree .nav-m .onetree{padding:0 ;}
.between-tree .nav-m .onetree li a{width:33.3333%;line-height:30px;display: block;float:left;}

.between-tree .nav-m{position:absolute;border-radius:8px;box-shadow:0 15px 36px -12px rgba(0,0,0,.3);padding:10px 20px;z-index:9;right: 0;left:0;top:60px;background: #fff}
.between-tree .nav-m:after{position: absolute;top:-8px;left:35px;display:inline-block;border-right:10px solid transparent;border-bottom:10px solid #FFF;border-left:10px solid transparent;content: ''; }
.between-tree .nav-m ul{padding:0;margin:5px 0;}
.between-tree .nav-m ul li.nav-head{width:100%;}
.between-tree .nav-m ul li.nav-child{width:100%;}
.between-tree .nav-m ul li{float:none;}
.between-tree .nav-m ul li ul li{width:33.3333%;}
.between-tree .nav-m ul li ul li a{margin:5px 10px 5px 0;border:1px solid #ebebeb;}
.between-tree .button{padding:0 20px;height:42px;line-height:42px;border-radius:8px; background:#fff;border:0;z-index:9;color:#666; font-size:16px; text-align:center;margin:10px 0 0 0;box-shadow: 0px 2px 5px 0 rgba(0,0,0, 0.1);}
.between-tree .button.bg-white:focus,.between-tree .button.bg-white:hover,.between-tree .button.border-white:focus,.between-tree .button.border-white:hover{color:#666;border-color:#fff;background-color:#fff}
/*中栏分类*/
.excerpt-ico-top{margin-bottom:10px}

/* 版式 */
.leftbar{padding:0;background: transparent;}
.leftbar .nav{position:absolute;box-shadow:0 15px 36px -12px rgba(0,0,0,.09);padding:10px 20px;z-index:6;left:0;right:0;top:56px;background: #fff;border-radius: 10px}
.leftbar .nav:after{position: absolute;top:-8px;right:10px;display:inline-block;border-right:8px solid transparent;border-bottom:8px solid #FFF;border-left:8px solid transparent;content: ''; }
.leftbar .nav li a{padding:0 0 0 0px;line-height: 40px}
.leftbar .nav li ul {left:0;top:40px;width:100%;}
.leftbar .nav li ul:after{display: none}
.leftbar .nav li ul li a{text-indent: 30px;line-height:36px}
.leftbar .button{padding:0;width:36px;height:36px;border-radius:36px; background:#8163FD;border:0;position: relative;z-index:6;color:#FFF; font-size:16px; text-align:center;box-shadow: 0px 2px 5px 0 rgba(0,0,0, 0.1);float:right}
.leftbar .button.border-white:hover, .leftbar .button.border-white:focus, .leftbar .button.bg-white:hover, .leftbar .button.bg-white:focus{color: #333;border-color: #FFF;background-color: #FFF;}

.tab-detail .tab-head {padding:10px;}
.tab-detail .tab .tab-nav li {width:24%;margin:0;}
.tab-detail .tab .tab-nav li a {padding:15px 0;font-size:16px;}
.tab-detail .tab .tab-nav .active :before{bottom:5px;}
.thememockups{
  border: 4px solid #333;
  box-shadow: 0 15px 40px -10px #878787;
}
/* 版式 */
}